body, html {
    height: 100%;
    position: relative;
    font-family: 'Microsoft yahei', "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow-y: hidden;
}

img {
    vertical-align: middle;
}

a, a:hover, a:active, a:focus {
    text-decoration: none;
    -webkit-user-drag: none;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

#header {
    width: 100%;
    height: 70px;
    position: fixed;
    z-index: 11;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}

#menu {
    position: relative;
    list-style: none;
    padding: 17px 0;
}

#menu > li {
    float: left;
}

/* 头部左侧侧边栏操作按钮 */
.line-trigger {
    margin-left: -5px;
    cursor: pointer;
    position: relative;
    /*display: none !important*/
    display: inline-block !important;
}

.line-trigger:before {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .22);
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transform: scale(0);
    z-index: 0;
    margin-left: 10px;
}

.line-trigger.toggled:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.line-wrap {
    width: 18px;
    height: 12px;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    margin: 12px 20px
}

.toggled .line-wrap {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.line-wrap .line {
    width: 18px;
    height: 2px;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background-color: #fff
}

.toggled .line-wrap .line.top {
    width: 12px;
    transform: translateX(8px) translateY(1px) rotate(45deg);
    -webkit-transform: translateX(8px) translateY(1px) rotate(45deg)
}

.line-wrap .line.center {
    margin: 3px 0
}

.toggled .line-wrap .line.bottom {
    width: 12px;
    transform: translateX(8px) translateY(-1px) rotate(-45deg);
    -webkit-transform: translateX(8px) translateY(-1px) rotate(-45deg)
}

/* 头部左侧logo */
#logo a {
    margin-left: 10px !important;
}

#logo a img {
    vertical-align: top;
}

#system_title {
    color: #fff;
    height: 33px;
    line-height: 33px;
    font-size: 16px;
}

/* 头部右侧工具按钮 */
.pull-right {
    float: right !important;
}

.hi-menu {
    list-style: none;
    padding: 0;
}

.hi-menu > li {
    display: inline-block;
    margin: 0 1px;
    vertical-align: top;
    min-width: 50px;
}

.hi-menu > li > a {
    color: #fff;
    display: block;
    text-align: center;
    z-index: 1;
    position: relative;
    -webkit-transition: background-color;
    -o-transition: background-color;
    transition: background-color;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    border-radius: 2px;
}

.hi-menu > li > a > .him-icon {
    font-size: 24px;
    line-height: 36px;
}

.dropdown {
    position: relative;
}

.dropdown-menu {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    border: none;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .08)
}

.dropdown-menu > li > a {
    display: block;
    clear: both;
    font-weight: 400;
    color: #333;
    padding: 10px 20px;
    font-size: 13px;
    -webkit-transition: background-color;
    -o-transition: background-color;
    transition: background-color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.dropdown li > a > .zmdi {
    line-height: 100%;
    vertical-align: top;
    font-size: 16px;
    width: 28px
}

#header .skin-switch {
    padding: 10px 0 2px;
    text-align: center;
    font-size: 13px;
}

#search-form {
    margin: 6px 15px;
}

#keywords {
    min-width: 150px
}

/** 正文 **/
#main {
    height: 100%;
    padding-top: 70px;
    padding-bottom: 0;
}

/** 侧边栏 **/
#sidebar {
    position: fixed;
    width: 268px;
    background: #fff;
    height: calc(100% - 70px);
    top: 70px;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    z-index: 10;
    overflow-y: auto;
    box-shadow: 1px 0 4px rgba(0, 0, 0, .3);
    -webkit-transform: translate3d(-288px, 0, 0);
    transform: translate3d(-288px, 0, 0);
}

#sidebar.toggled {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* 侧边栏个人信息 */
.s-profile > a {
    display: block;
    width: 100%;
    background-size: 100%;
    text-decoration: none
}

.s-profile > a .sp-pic {
    padding: 12px
}

.s-profile > a .sp-pic > img {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, .14);
    box-sizing: content-box
}

.s-profile > a .sp-info {
    background: rgba(0, 0, 0, .37);
    padding: 7px 14px;
    color: #fff;
    position: relative
}

.s-profile > a .sp-info > i {
    font-size: 19px;
    line-height: 100%;
    position: absolute;
    right: 15px;
    top: 7px;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.s-profile.toggled .sp-info > i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.s-profile .main-menu {
    display: none;
    margin: 0
}

/* 侧边栏菜单 */
.main-menu {
    list-style: none;
    padding-left: 0;
}

.main-menu a {
    -webkit-transition: color;
    -o-transition: color;
    transition: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.main-menu > li > a {
    padding: 10px 20px 10px 65px;
    display: block;
    font-weight: 500;
    position: relative;
    color: #000
}

.main-menu > li > a > i {
    position: absolute;
    left: 25px;
    font-size: 18px;
    top: 2px;
    width: 25px;
    text-align: center;
    padding: 13px 0
}

.sub-menu ul {
    list-style: none;
    display: none;
    padding: 0
}

.sub-menu ul > li > a {
    padding: 8px 20px 8px 65px;
    font-weight: 500;
    display: block;
    color: #989898
}

.sub-menu.toggled > ul {
    display: block
}

.sub-menu > a:after, .sub-menu > a:before {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    font-family: Material-Design-Iconic-Font;
    font-size: 17px;
    right: 15px;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms
}

.sub-menu > a:before {
    content: "\f278";
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.sub-menu.toggled > a:before {
    content: "\f278";
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.sub-menu > a:after, .sub-menu > a:before {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    font-family: Material-Design-Iconic-Font;
    font-size: 17px;
    right: 15px;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms
}

.sub-menu > a:after {
    content: "\f273";
    transform: scale(0)
}

.sub-menu.toggled > a:after {
    content: "\f273";
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.main-menu a:hover {
    color: #262626
}

.upms-version {
    margin-top: 10px;
    height: 46px;
    line-height: 46px;
    font-size: 12px;
    color: #777;
    text-align: center;
    border-top: 1px solid #eee;
}

/* 内容区响应式 */
@media (min-width: 768px) {
    #content {
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    #content {
        padding-left: 0;
    }
}

@media (min-width: 1280px) {
    #content {
        padding-left: 268px;
    }
}

#content {
    height: 100%;
    padding-right: 0;
    transition: all;
}

#content.toggled {
    padding-left: 0;
}

/* 内容区 */
.container, .container-fluid {
    height: 100%;
    padding: 0;
}

@media (min-width: 992px) {
    .container {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .container {
        width: 100%
    }
}

/* 选项卡 */
.content_tab {
    width: 100%;
    height: 36px;
    overflow: hidden;
}

.content_tab > ul {
    padding: 0;
    font-size: 0;
    display: block;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
}

.scroll > ul {
    margin: 0 40px;
}

.scroll > .tab_left, .scroll > .tab_right {
    display: block;
}

.tab_left, .tab_right {
    width: 40px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    text-align: center;
    display: none;
}

.tab_left {
    float: left;
    margin-right: -40px;
}

.tab_right {
    float: right;
    margin-left: -40px;
}

.tab_left > a, .tab_right > a {
    display: block;
    width: 100%;
    color: rgba(255, 255, 255, 0.5);
    font-size: 22px;
}

.tab_left > .active, .tab_right > .active {
    color: #fff;
}

.content_tab {
    position: relative;
}

.content_tab > ul > li {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    margin: 0;
    font-size: 14px;
}

.content_tab > ul > li > a {
    display: block;
    height: 36px;
    line-height: 36px;
    color: rgba(255, 255, 255, 0.9);
    padding: 0 12px;
    transition: background-color .35s cubic-bezier(.35, 0, .25, 1);
    border-bottom: none;
    position: relative;
}

.content_tab > ul > li > a:active {
    background: rgba(255, 255, 255, 0.1);
}

.content_tab > ul > .cur > a { /*border-bottom:3px solid #FFEB3B;*/
    color: #fff;
}

.content_tab > ul > li > a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    width: 0;
    border-bottom: 3px solid #FFEB3B;
    transition: all linear .2s
}

.content_tab > ul > .cur > a:after {
    left: 0;
    bottom: 1px;
    width: 100%;
    opacity: 1;
    transition: all linear .2s
}

.content_main {
    height: calc(100% - 48px);
    -webkit-overflow-scrolling: touch;
}

.content_main > .cur {
    display: block;
}

.iframe {
    height: 100%;
    display: none;
}

#iframe_home {
    padding: 15px 30px;
    font-size: 13px;
    overflow: auto;
}

#iframe_home p {
    margin-bottom: 5px;
    line-height: 2em;
}

/* 底部 */
#footer {
    display: none;
}

/* 滚动条 */
.mCSB_scrollTools {
    width: 5px
}

.mCSB_scrollTools .mCSB_dragger_bar {
    border-radius: 0 !important
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_scrollTools.mCSB_scrollTools_vertical {
    margin: 0 !important
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 10px
}


